<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->

<html lang="en" class="no-js">

<!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

    <include file="Inc/basic_css"/>

    <include file="Inc/basic_js"/>

    <import type="js" basepath="__JS__" file="admin" />

    <link rel="stylesheet" type="text/css" href="__PLUGIN__/bootstrap-datepicker/css/datepicker.css" />

    <script type="text/javascript" src="__PLUGIN__/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
        <script type="text/javascript" src="__LAYUI__/layui.all.js"></script>

    <style>

        #ClassAdd{width:97%; margin:0 auto; display:none;}/* height:1px; overflow:hidden; */

        #class_title{ padding:10px 0;}

        .time-controler{display: inline-block;overflow: hidden;vertical-align:middle;}

        .time-controler *{float:left}

    </style>

</head>


<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->

<include file="Inc/head"/>

<!-- END HEADER -->

<div class="clearfix"></div>

<!-- BEGIN CONTAINER -->

<div class="page-container">

    <!-- BEGIN SIDEBAR -->

    <include file="Inc/left"/>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div class="page-content">

        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

        <!-- BEGIN STYLE CUSTOMIZER -->

        <include file="Inc/theme"/>

        <!-- END BEGIN STYLE CUSTOMIZER -->

        <!-- BEGIN PAGE HEADER-->

        <div class="row">

            <div class="col-md-12">

                <!-- BEGIN PAGE TITLE & BREADCRUMB-->

                <h3 class="page-title">

                    数据统计 <small></small>

                </h3>

                <ul class="page-breadcrumb breadcrumb">

                    <li><i class="fa fa-home"></i><a href="{:U('Index/index')}">首页</a> <i class="fa fa-angle-right"></i></li>

                    <li><a href="#">订单数据统计</a><i class="fa fa-angle-right"></i></li>

                    <li><a href="#">{$cfg.title}</a></li>

                </ul>

            </div>

        </div>

        <!-- END PAGE HEADER-->

        <!-- BEGIN PAGE CONTENT-->

        <div class="row">

            <div class="col-md-12">

                <!-- BEGIN EXAMPLE TABLE PORTLET-->

                <div class="portlet-body">

                    <div class="table-toolbar">

                        <div class="row">

                                <div class="col-lg-10">

                                    <form class="form-inline" name="search" method="get" action="__URL__/index">
                                        <a href="__URL__/index" style="z-index: 999" class="btn dark"> 重置 <i class="fa fa-list-folder"></i></a>
                                        开始时间：<input class="form-control input-small" placeholder="" type="text" name="start" id="add_start" value="{$start}" autocomplete="off">
                                        结束时间：<input class="form-control input-small" placeholder="" type="text" name="end" id="add_end" value="{$end}" autocomplete="off">

                                        <input type="submit" value="查询" class="btn blue">
                                        

                                    </form>

                                </div>

                        </div>

                    </div>



                    <div role="grid" class="dataTables_wrapper form-inline">

                        <!-- /.row -->

                        <div class="table-scrollable" id="listArea" style="border:0px;">
                            <center>
                            <form method="post" name="myform" id="myform">
        
                                <table class="table table-striped table-bordered table-advance table-hover" style='width: 70%'>
                                    <thead>
                                    
                                    <tr>
                                        <td align="center" colspan="4"><b>日期统计</b></th>
                                    </tr>
                                    <tr>
                                        <th align="center"><i class="fa fa-tag">已完成订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">已完成订单金额</th>
                                        <th align="center" ><i class="fa fa-tag">已取消订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">完成订单百分比</th>
                                    </tr>
                                    <tr>
                                        <td align="center">{$day['count']}</td>
                                        <td align="center">{$day['price']}</td>
                                        <td align="center">{$day['reset']}</td>
                                        <td align="center">{$day['pre']}</td>
                                    </tr>
                                    <tr style="height: 50px;"></tr>
                                    <tr>
                                        <td align="center" colspan="4"><b>周统计</b></th>
                                    </tr>
                                     <tr>
                                        <th align="center"><i class="fa fa-tag">已完成订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">已完成订单金额</th>
                                        <th align="center" ><i class="fa fa-tag">已取消订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">完成订单百分比</th>
                                    </tr>
                                    <tr>
                                        <td align="center">{$week['count']}</td>
                                        <td align="center">{$week['price']}</td>
                                        <td align="center">{$week['reset']}</td>
                                        <td align="center">{$week['pre']}</td>
                                    </tr>
									 <tr style="height: 50px;"></tr>
                                    <tr>
                                        <td align="center" colspan="4"><b>月统计</b></th>
                                    </tr>
                                      <tr>
                                        <th align="center"><i class="fa fa-tag">已完成订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">已完成订单金额</th>
                                        <th align="center" ><i class="fa fa-tag">已取消订单数量</th>
                                        <th align="center" ><i class="fa fa-tag">完成订单百分比</th>
                                    </tr>
                                    <tr>
                                        <td align="center">{$month['count']}</td>
                                        <td align="center">{$month['price']}</td>
                                        <td align="center">{$month['reset']}</td>
                                        <td align="center">{$month['pre']}</td>
                                    </tr>                               
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </form>
                            </center>

                        </div>

                     <!--    <div class="row" id="pageArea">

                            {$page}

                        </div> -->

                    </div>

                </div>

            </div>

        </div>

        <!-- END PAGE CONTENT -->

    </div>

</div>

<div id="img_preview" class="modal fade modal-scroll" tabindex="-1" data-replace="true" style="display: none;" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                <h4 class="modal-title">图片预览</h4>

            </div>

            <div class="modal-body">

                <img id="preview" style="width: 540px" alt="" src="">

            </div>

            <div class="modal-footer">

                <button type="button" data-dismiss="modal" class="btn green">Close</button>

            </div>

        </div>

    </div>

</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<include file="Inc/foot"/>

<!-- END FOOTER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->



<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="__JS__/form-components.js"></script>

<script src="__JS__/app.js" type="text/javascript"></script>

<script src="__JS__/AjaxList.js.php?action=ajaxlistinput&url={:urlencode(U('Driver/ajaxListInput'))}"></script>

<!-- END PAGE LEVEL SCRIPTS -->

<script>

    jQuery(document).ready(function() {

        App.init(); // initlayout and core plugins

        FormComponents.init();

    });

    imagePreview();

</script>

<script language="javascript">



    function findNext(v , e , dom){

        var selValue = parseInt(v);

        var areaNextId = parseInt(e+1);

        $("#"+dom+"_"+areaNextId).remove();

        $("#"+dom+"_"+e+" > select > option").each(function(i){

            if($(this).attr('value') == v){

                $(this).attr('selected',true);

            }

        });







        var data = { r: Math.random(),selValue: selValue,areaNextId: areaNextId  ,domId: dom};

        $.ajax({type:"GET", url:"<php>echo U('Buyers/ajaxFindNext');</php>",data: data, dataType:"text",async:false,success:function (msg){

        r = msg;

        }});

    if (r==0) {

        return false;

    } else {

        $('#'+dom+'_'+e).append(r);

        return true;

    }





    }


     $(function(){
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            laydate.render({
                elem: '#add_start' //指定元素
            });
            laydate.render({
                elem: '#add_end' //指定元素
            });
            laydate.render({
                elem: '#booking_start' //指定元素
            });
            laydate.render({
                elem: '#booking_end' //指定元素
            });
        });
    })
    $(function(){

        {$content}

    });



</script>



<!-- END PAGE LEVEL SCRIPTS -->



</body>

<!-- END BODY -->

</html>

